<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>113 focus bug</title>
		<script type="text/javascript" src="../lib/src/jquery_112.js"></script>
<script type="text/javascript" src="../lib/src/jquery.debug.js"></script>
		<script>
$(document).ready(function(){
			$("ul.form").find(":input").debug()
			.focus
			(
				function()
				{
					$(this).parents().debug().addClass('odd');
				}
			)
			.blur
			(
				function()
				{
					$(this).parent().parent().removeClass('odd');
				}
			);
});
		</script>
<style>
.odd {
	background-color:red;
}
</style>
	</head>
	<body>
	<ul class="form">
		<li>
			<label for="title_new">Title</label>
			<div class="input">
				<input name="title_new" id="title_new" />
			</div>
		</li>
		<li>
			<label for="message_new">Message</label>
			<div class="input">
				<textarea name="message_new" id="message_new"></textarea>
			</div>
		</li>
		<li>
			<label for="attachment_new">Attachment</label>
			<div class="input">
				<input type="file" name="attachment_new" id="attachment_new" />
			</div>
		</li>
	</ul>

	</body>
</html>
